<!DOCTYPE>
<html>
<head>
<meta charset="iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="ciudades.js" type="text/javascript"></script>
</head>
<body>
<select id="estado" style="display:none">
		<option value="PAMAs1346a">Amazonas</option>
		<option value="PANZi142f5">Anzo&aacute;tegui</option>
		<option value="PAPUe13e79">Apure</option>
		<option value="PARAa10c23">Aragua</option>
		<option value="PBARsb68a">Barinas</option>
		<option value="PBOLrd239">Bol&iacute;var</option>
		<option value="PCARod087">Carabobo</option>
		<option value="PCOJs63f5">Cojedes</option>
		<option value="PDELo13af4">Delta Amacuro</option>
		<option value="PDEP791624">Depend. Federales</option>
		<option value="PDISl13910">Distrito Capital</option>
		<option value="PFALna54d">Falc&oacute;n</option>
		<option value="PGUAo2fca">Gu&aacute;rico</option>
		<option value="PLARaee24">Lara</option>
		<option value="PMIRa4d00">Miranda</option>
		<option value="PMONsb27c">Monagas</option>
		<option value="PMERaa410">M&eacute;rida</option>
		<option value="PNUEa1689">Nueva Esparta</option>		
		<option value="PPORa378f">Portuguesa</option>
		<option value="PSUCe8ed4">Sucre</option>
		<option value="PTRUo5cf9">Trujillo</option>
		<option value="PTACa134da">T&aacute;chira</option>
		<option value="PVARs13a6e">Vargas</option>
		<option value="PYARyb630">Yaracuy</option>
		<option value="PZULa2569">Zulia</option>
 </select>
<script type="text/javascript">
$(function() {
/*	$("#estado").change(function() {
		$ciudad = $(this).val();
		var x = eval ("( cities_" + $ciudad + "_array )");		
		var opt = '';
		for(i=0; i<x.length; i=i+2) {
			opt+= '<option value="' + x[i] + '">' + x[i+1] + '</option>';
		}		
		$("#municipios").html(opt);
	});	
	$("#municipios").change(function() {
		$mibarrio = $(this).val();
		var x = zones[$mibarrio].barrios;
		var opt = '';
		var mivar = '';
		for(i=0; i<x.length; i++) {
			mivar = x[i].split(',');			
			opt+= '<option value="' + mivar[0] + '">' + mivar[1] + '</option>';
		}		
		$("#barrios").html(opt)		
	});
	$("#estado").trigger("change");*/
	var $id_estado = 0;
	var $id_municipio = 0;
	var $id_barrio = 0;
	var $nombre_estado = '';
	var $nombre_municipio = '';
	var $nombre_barrio = '';
	$("#estado option").each(function (e) {
		$id_estado++;		
		$nombre_estado = $(this).html();
		$codigo_estado = $(this).val();		
		
		var $municipios = eval ("( cities_" + $codigo_estado + "_array )");
		
		for(i=0; i<$municipios.length; i=i+2) {			
			$id_municipio++;
			
			$codigo_municipio = $municipios[i];
			$nombre_municipio = $municipios[i+1];	
			
			var $barrios = zones[$codigo_municipio];			
			
			if($barrios != null && $barrios!="undefined") {								
				$barrios = $barrios.barrios;				
				if($barrios!=null && $barrios!="undefined" && $barrios.length>0) {
					for(j=0; j<$barrios.length; j++) {
						$id_barrio ++;
						$separador = $barrios[j].split(',');
						$codigo_barrio = $separador[0];
						$nombre_barrio = $separador[1];		
						if($id_estado==24) alert($nombre_municipio);		
						AgregarItem($id_estado, $id_municipio, $id_barrio, $nombre_estado, $nombre_municipio, $nombre_barrio);
					}
				} else AgregarItem($id_estado, $id_municipio, '0', $nombre_estado, $nombre_municipio, '---');
			} else {				
				AgregarItem($id_estado, $id_municipio, '0', $nombre_estado, $nombre_municipio, '===');
			}
		}
		
	});
});
function AgregarItem(id_estado, id_municipio, id_barrio, nombre_estado, nombre_municipio, nombre_barrio) {
	var elem = '<tr>' +
				'<td>' + id_estado + '</td>' + 
				'<td>' + id_municipio + '</td>' +
				'<td>' + id_barrio + '</td>' +
				'<td>' + nombre_estado + '</td>' +
				'<td>' + nombre_municipio + '</td>' +
				'<td>' + nombre_barrio + '</td>' +
				'</tr>';
	$("#geografia").append(elem);
}
</script>
<table id="geografia">
</table>
</body>
</html>